
<!DOCTYPE html>

<html lang="en">

<head>



	<title>会議室予約システム - Team 13 - Admin</title>

	<meta charset="utf-8">

	

	<!-- Global stylesheets -->

	<link href="css/reset.css" rel="stylesheet" type="text/css">

	<link href="css/common.css" rel="stylesheet" type="text/css">

	<link href="css/form.css" rel="stylesheet" type="text/css">

	<link href="css/standard.css" rel="stylesheet" type="text/css">

	

	<!-- Comment/uncomment one of these files to toggle between fixed and fluid layout -->

	<!--<link href="css/960.gs.css" rel="stylesheet" type="text/css">-->

	<link href="css/960.gs.fluid.css" rel="stylesheet" type="text/css">

	

	<!-- Custom styles -->

	<link href="css/simple-lists.css" rel="stylesheet" type="text/css">

	<link href="css/block-lists.css" rel="stylesheet" type="text/css">

	<link href="css/planning.css" rel="stylesheet" type="text/css">

	<link href="css/table.css" rel="stylesheet" type="text/css">

	<link href="css/calendars.css" rel="stylesheet" type="text/css">

	<link href="css/wizard.css" rel="stylesheet" type="text/css">

	<link href="css/gallery.css" rel="stylesheet" type="text/css">

	

	<!-- Favicon -->

	<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">

	<link rel="icon" type="image/png" href="favicon-large.png">

	

	<!-- Generic libs -->

	<script type="text/javascript" src="js/html5.js"></script>				<!-- this has to be loaded before anything else -->

	<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>

	<script type="text/javascript" src="js/old-browsers.js"></script>		<!-- remove if you do not need older browsers detection -->

	

	<!-- Template libs -->

	<script type="text/javascript" src="js/jquery.accessibleList.js"></script>

	<script type="text/javascript" src="js/searchField.js"></script>

	<script type="text/javascript" src="js/common.js"></script>

	<script type="text/javascript" src="js/standard.js"></script>

	<!--[if lte IE 8]><script type="text/javascript" src="js/standard.ie.js"></script><![endif]-->

	<script type="text/javascript" src="js/jquery.tip.js"></script>

	<script type="text/javascript" src="js/jquery.hashchange.js"></script>

	<script type="text/javascript" src="js/jquery.contextMenu.js"></script>

	<script type="text/javascript" src="js/jquery.modal.js"></script>

	

	<!-- Custom styles lib -->

	<script type="text/javascript" src="js/list.js"></script>

	

	<!-- Plugins -->

	<script  type="text/javascript" src="js/jquery.dataTables.min.js"></script>

	<script  type="text/javascript" src="js/jquery.datepick/jquery.datepick.min.js"></script>

	

	<!-- Charts library -->

	<!--Load the AJAX API-->

	<script type="text/javascript" src="http://www.google.com/jsapi"></script>

	<script type="text/javascript">

	

		// Load the Visualization API and the piechart package.

		google.load('visualization', '1', {'packages':['corechart']});

		

	</script>

	

	<script type="text/javascript">

		

		$(document).ready(function()

		{

			/*

			 * Example context menu

			 */

			

			// Context menu for all favorites

			$('.favorites li').bind('contextMenu', function(event, list)

			{

				var li = $(this);

				

				// Add links to the menu

				if (li.prev().length > 0)

				{

					list.push({ text: 'Move up', link:'#', icon:'up' });

				}

				if (li.next().length > 0)

				{

					list.push({ text: 'Move down', link:'#', icon:'down' });

				}

				list.push(false);	// Separator

				list.push({ text: 'Delete', link:'#', icon:'delete' });

				list.push({ text: 'Edit', link:'#', icon:'edit' });

			});

			

			// Extra options for the first one

			$('.favorites li:first').bind('contextMenu', function(event, list)

			{

				list.push(false);	// Separator

				list.push({ text: 'Settings', icon:'terminal', link:'#', subs:[

					{ text: 'General settings', link: '#', icon: 'blog' },

					{ text: 'System settings', link: '#', icon: 'server' },

					{ text: 'Website settings', link: '#', icon: 'network' }

				] });

			});

			

			/*

			 * Table sorting

			 */

			

			// A small classes setup...

			$.fn.dataTableExt.oStdClasses.sWrapper = 'no-margin last-child';

			$.fn.dataTableExt.oStdClasses.sInfo = 'message no-margin';

			$.fn.dataTableExt.oStdClasses.sLength = 'float-left';

			$.fn.dataTableExt.oStdClasses.sFilter = 'float-right';

			$.fn.dataTableExt.oStdClasses.sPaging = 'sub-hover paging_';

			$.fn.dataTableExt.oStdClasses.sPagePrevEnabled = 'control-prev';

			$.fn.dataTableExt.oStdClasses.sPagePrevDisabled = 'control-prev disabled';

			$.fn.dataTableExt.oStdClasses.sPageNextEnabled = 'control-next';

			$.fn.dataTableExt.oStdClasses.sPageNextDisabled = 'control-next disabled';

			$.fn.dataTableExt.oStdClasses.sPageFirst = 'control-first';

			$.fn.dataTableExt.oStdClasses.sPagePrevious = 'control-prev';

			$.fn.dataTableExt.oStdClasses.sPageNext = 'control-next';

			$.fn.dataTableExt.oStdClasses.sPageLast = 'control-last';

			

			// Apply to table

			$('.sortable').each(function(i)

			{

				// DataTable config

				var table = $(this),

					oTable = table.dataTable({

						/*

						 * We set specific options for each columns here. Some columns contain raw data to enable correct sorting, so we convert it for display

						 * @url http://www.datatables.net/usage/columns

						 */

						aoColumns: [

							{ bSortable: false },	// No sorting for this columns, as it only contains checkboxes

							{ sType: 'string' },

							{ bSortable: false },

							{ sType: 'numeric', bUseRendered: false, fnRender: function(obj) // Append unit and add icon

								{

									return '<small><img src="images/icons/fugue/image.png" width="16" height="16" class="picto"> '+obj.aData[obj.iDataColumn]+' Ko</small>';

								}

							},

							{ sType: 'date' },

							{ sType: 'numeric', bUseRendered: false, fnRender: function(obj) // Size is given as float for sorting, convert to format 000 x 000

								{

									return obj.aData[obj.iDataColumn].split('.').join(' x ');

								}

							},

							{ bSortable: false }	// No sorting for actions column

						],

						

						/*

						 * Set DOM structure for table controls

						 * @url http://www.datatables.net/examples/basic_init/dom.html

						 */

						sDom: '<"block-controls"<"controls-buttons"p>>rti<"block-footer clearfix"lf>',

						

						/*

						 * Callback to apply template setup

						 */

						fnDrawCallback: function()

						{

							this.parent().applyTemplateSetup();

						},

						fnInitComplete: function()

						{

							this.parent().applyTemplateSetup();

						}

					});

				

				// Sorting arrows behaviour

				table.find('thead .sort-up').click(function(event)

				{

					// Stop link behaviour

					event.preventDefault();

					

					// Find column index

					var column = $(this).closest('th'),

						columnIndex = column.parent().children().index(column.get(0));

					

					// Send command

					oTable.fnSort([[columnIndex, 'asc']]);

					

					// Prevent bubbling

					return false;

				});

				table.find('thead .sort-down').click(function(event)

				{

					// Stop link behaviour

					event.preventDefault();

					

					// Find column index

					var column = $(this).closest('th'),

						columnIndex = column.parent().children().index(column.get(0));

					

					// Send command

					oTable.fnSort([[columnIndex, 'desc']]);

					

					// Prevent bubbling

					return false;

				});

			});

			

			/*

			 * Datepicker

			 * Thanks to sbkyle! http://themeforest.net/user/sbkyle

			 */

			$('.datepicker').datepick({

				alignment: 'bottom',

				showOtherMonths: true,

				selectOtherMonths: true,

				renderer: {

					picker: '<div class="datepick block-border clearfix form"><div class="mini-calendar clearfix">' +

							'{months}</div></div>',

					monthRow: '{months}', 

					month: '<div class="calendar-controls" style="white-space: nowrap">' +

								'{monthHeader:M yyyy}' +

							'</div>' +

							'<table cellspacing="0">' +

								'<thead>{weekHeader}</thead>' +

								'<tbody>{weeks}</tbody></table>', 

					weekHeader: '<tr>{days}</tr>', 

					dayHeader: '<th>{day}</th>', 

					week: '<tr>{days}</tr>', 

					day: '<td>{day}</td>', 

					monthSelector: '.month', 

					daySelector: 'td', 

					rtlClass: 'rtl', 

					multiClass: 'multi', 

					defaultClass: 'default', 

					selectedClass: 'selected', 

					highlightedClass: 'highlight', 

					todayClass: 'today', 

					otherMonthClass: 'other-month', 

					weekendClass: 'week-end', 

					commandClass: 'calendar', 

					commandLinkClass: 'button',

					disabledClass: 'unavailable'

				}

			});

		});

		

		// Demo modal

		function openModal()

		{

			$.modal({

				content: '<p>This is an example of modal window. You can open several at the same time (click button below!), move them and resize them.</p>'+

						  '<p>The plugin provides several other functions to control them, try below:</p>'+

						  '<ul class="simple-list with-icon">'+

						  '    <li><a href="javascript:void(0)" onclick="$(this).getModalWindow().setModalTitle(\'\')">Remove title</a></li>'+

						  '    <li><a href="javascript:void(0)" onclick="$(this).getModalWindow().setModalTitle(\'New title\')">Change title</a></li>'+

						  '    <li><a href="javascript:void(0)" onclick="$(this).getModalWindow().loadModalContent(\'ajax-modal.html\')">Load Ajax content</a></li>'+

						  '</ul>',

				title: 'Example modal window',

				maxWidth: 500,

				buttons: {

					'Open new modal': function(win) { openModal(); },

					'Close': function(win) { win.closeModal(); }

				}

			});

		}

	

	</script>

	

</head>



<body>

<!-- The template uses conditional comments to add wrappers div for ie8 and ie7 - just add .ie or .ie7 prefix to your css selectors when needed -->

<!--[if lt IE 9]><div class="ie"><![endif]-->

<!--[if lt IE 8]><div class="ie7"><![endif]-->

	

	<!-- Header -->

	

	<!-- Server status -->

	<header><div class="container_12">

		

		<p id="skin-name"><strong> 会議室予約システム - Team 13</strong></p>

		<div class="server-info">Server: <strong>Apache 2.2.14</strong></div>

		<div class="server-info">Php: <strong>5.3.1</strong></div>

		

	</div></header>

	<!-- End server status -->

	

	<!-- Main nav -->

	<nav id="main-nav">

		

		<ul class="container_12">

			<li class="home current"><a href="#" title="ダッシュボード">ダッシュボード</a></li>

			<li class="rooms"><a href="#" title="会議室">会議室</a>

				<ul>

					<li><a href="#">会議室の一覧</a></li>

					<li><a href="#">会議室を追加</a></li>
					
					<li><a href="#">会議室の設定</a></li>
				</ul>

			</li>

			<li class="users"><a href="#" title="ユーザー">ユーザー</a>

				<ul>

					<li><a href="#">ユーザーの一覧</a></li>

					<li><a href="#">ユーザーを追加</a></li>
					
					<li><a href="#">メールを送信</a></li>
					

				</ul>

			</li>

			<li class="orders"><a href="#" title="予約">予約</a>

				<ul>

					<li><a href="#">予約の一覧</a></li>

					<li><a href="#">予約を追加</a></li>
					
					<li><a href="#">統計</a></li>
					
					<li><a href="#">ＣＳＶダウンロード</a></li>

				</ul>

			</li>

			<li class="stats"><a href="#" title="統計">統計</a></li>	

			<li class="backup"><a href="#" title="ＣＳＶ">ＣＳＶダウンロード</a></li>

		</ul>

	</nav>

	<!-- End main nav -->

	

	<!-- Sub nav -->

	<div id="sub-nav"><div class="container_12">



	</div></div>

	<!-- End sub nav -->

	

	<!-- Status bar -->

	<div id="status-bar"><div class="container_12">

	

		<ul id="status-infos">

			<li class="spaced">Logged as: <strong>Admin</strong></li>

			<li>

				<a href="#" class="button" title="5 messages"><img src="images/icons/fugue/mail.png" width="16" height="16"> <strong>5</strong></a>

				<div id="messages-list" class="result-block">

					<span class="arrow"><span></span></span>

					

					<ul class="small-files-list icon-mail">

						<li>

							<a href="#"><strong>10:15</strong> Please update...<br>

							<small>From: System</small></a>

						</li>

						<li>

							<a href="#"><strong>Yest.</strong> Hi<br>

							<small>From: Jane</small></a>

						</li>

						<li>

							<a href="#"><strong>Yest.</strong> System update<br>

							<small>From: System</small></a>

						</li>

						<li>

							<a href="#"><strong>2 days</strong> Database backup<br>

							<small>From: System</small></a>

						</li>

						<li>

							<a href="#"><strong>2 days</strong> Re: bug report<br>

							<small>From: Max</small></a>

						</li>

					</ul>

					

					<p id="messages-info" class="result-info"><a href="#">Go to inbox &raquo;</a></p>

				</div>

			</li>

			<li>

				<a href="#" class="button" title="25 comments"><img src="images/icons/fugue/balloon.png" width="16" height="16"> <strong>25</strong></a>

				<div id="comments-list" class="result-block">

					<span class="arrow"><span></span></span>

					

					<ul class="small-files-list icon-comment">

						<li>

							<a href="#"><strong>Jane</strong>: I don't think so<br>

							<small>On <strong>Post title</strong></small></a>

						</li>

						<li>

							<a href="#"><strong>Ken_54</strong>: What about using a different...<br>

							<small>On <strong>Post title</strong></small></a>

						</li>

						<li>

							<a href="#"><strong>Jane</strong> Sure, but no more.<br>

							<small>On <strong>Another post</strong></small></a>

						</li>

						<li>

							<a href="#"><strong>Max</strong>: Have you seen that...<br>

							<small>On <strong>Post title</strong></small></a>

						</li>

						<li>

							<a href="#"><strong>Anonymous</strong>: Good luck!<br>

							<small>On <strong>My first post</strong></small></a>

						</li>

						<li>

							<a href="#"><strong>Sébastien</strong>: This sure rocks!<br>

							<small>On <strong>Another post title</strong></small></a>

						</li>

						<li>

							<a href="#"><strong>John</strong>: Me too!<br>

							<small>On <strong>Third post title</strong></small></a>

						</li>

						<li>

							<a href="#"><strong>John</strong> This can be solved by...<br>

							<small>On <strong>Another post</strong></small></a>

						</li>

						<li>

							<a href="#"><strong>Jane</strong>: No prob.<br>

							<small>On <strong>Post title</strong></small></a>

						</li>

						<li>

							<a href="#"><strong>Anonymous</strong>: I had the following...<br>

							<small>On <strong>My first post</strong></small></a>

						</li>

						<li>

							<a href="#"><strong>Anonymous</strong>: Yes<br>

							<small>On <strong>Post title</strong></small></a>

						</li>

						<li>

							<a href="#"><strong>Lian</strong>: Please make sure that...<br>

							<small>On <strong>Last post title</strong></small></a>

						</li>

						<li>

							<a href="#"><strong>Ann</strong> Thanks!<br>

							<small>On <strong>Last post</strong></small></a>

						</li>

						<li>

							<a href="#"><strong>Max</strong>: Don't tell me what...<br>

							<small>On <strong>Post title</strong></small></a>

						</li>

						<li>

							<a href="#"><strong>Gordon</strong>: Here is an article about...<br>

							<small>On <strong>My another post</strong></small></a>

						</li>

						<li>

							<a href="#"><strong>Lee</strong>: Try to reset the value first<br>

							<small>On <strong>Last title</strong></small></a>

						</li>

						<li>

							<a href="#"><strong>Lee</strong>: Sure!<br>

							<small>On <strong>Second post title</strong></small></a>

						</li>

						<li>

							<a href="#"><strong>Many</strong> Great job, keep on!<br>

							<small>On <strong>Third post</strong></small></a>

						</li>

						<li>

							<a href="#"><strong>John</strong>: I really like this<br>

							<small>On <strong>First title</strong></small></a>

						</li>

						<li>

							<a href="#"><strong>Paul</strong>: Hello, I have an issue with...<br>

							<small>On <strong>My first post</strong></small></a>

						</li>

						<li>

							<a href="#"><strong>June</strong>: Yuck.<br>

							<small>On <strong>Another title</strong></small></a>

						</li>

						<li>

							<a href="#"><strong>Jane</strong>: Wow, sounds amazing, do...<br>

							<small>On <strong>Another title</strong></small></a>

						</li>

						<li>

							<a href="#"><strong>Esther</strong>: Man, this is the best...<br>

							<small>On <strong>Another post</strong></small></a>

						</li>

						<li>

							<a href="#"><strong>Max</strong>: Thanks!<br>

							<small>On <strong>Post title</strong></small></a>

						</li>

						<li>

							<a href="#"><strong>John</strong>: I'd say it is not safe...<br>

							<small>On <strong>My first post</strong></small></a>

						</li>

					</ul>

					

					<p id="comments-info" class="result-info"><a href="#">Manage comments &raquo;</a></p>

				</div>

			</li>

			<li><a href="login.html" class="button red" title="Logout"><span class="smaller">LOGOUT</span></a></li>

		</ul>

		

		<ul id="breadcrumb">

			<li><a href="#" title="Home">Home</a></li>

			<li><a href="#" title="Dashboard">Dashboard</a></li>

		</ul>

	

	</div></div>

	<!-- End status bar -->


	<!-- End header -->


	<!-- Content -->

	<article class="container_12">

		<section class="grid_6"><!--Daily order view : 今日の予約全体に見える -->

			<div class="block-border"><div class="block-content">

				<h1>

					今日の予約

				</h1>

				

				<div class="block-controls">

					<ul class="controls-buttons">

						<li><a href="#" title="Yesterday"><img src="images/icons/fugue/navigation-180.png" width="16" height="16"></a></li>

						<li class="sep"></li>

						<li class="controls-block"><strong>３月１６日</strong></li>

						<li class="sep"></li>

						<li><a href="#" title="Tomorrow"><img src="images/icons/fugue/navigation.png" width="16" height="16"></a></li>

					</ul>

				</div>

				

				<ul class="planning no-margin">

					<li class="planning-header">

						<span><b>テナントさん</b></span>

						<ul>

							<li class="at-8">8</li>

							<li class="at-9">9</li>

							<li class="at-10">10</li>

							<li class="at-11">11</li>

							<li class="at-12">12</li>

							<li class="at-13">1</li>

							<li class="at-14">2</li>

							<li class="at-15">3</li>

							<li class="at-16">4</li>

							<li class="at-17">5</li>

							<li class="at-18">6</li>

							<li class="at-19">7</li>

							<li class="at-20">8</li>

						</ul>

					</li>

					

					<li>

						<a href="#"><img src="images/icons/fugue/user-red.png" width="16" height="16"> John</a>

						<ul>

							<li class="lunch from-12 to-14"></li>

							<li class="zebras from-16 to-19"></li>

							<li class="current-time at-9-30"></li>

							<li class="from-8 to-12"><a href="#" title="Event description" class="with-tip">8:00 - 12:00<span class="event-blue" style="width:38%">8:00 - 12:00</span></a></li>

							<li class="milestone at-15"><a href="#" title="Milestone description" class="with-tip"></a></li>

						</ul>

					</li>

					<li>

						<a href="#"><img src="images/icons/fugue/user-green.png" width="16" height="16"> Sam</a>

						<ul>

							<li class="lunch from-12 to-14"></li>

							<li class="current-time at-9-30"></li>

							<li class="from-9 to-12"><a href="#" title="Event description" class="with-tip">9:00 - 12:00<span class="event-blue" style="width:17%">9:00 - 12:00</span></a></li>

							<li class="milestone at-12"><a href="#" title="Milestone description" class="with-tip"></a></li>

						</ul>

					</li>

					<li>

						<a href="#"><img src="images/icons/fugue/user-gray-female.png" width="16" height="16"> Lena</a>

						<ul>

							<li class="lunch from-12 to-14"></li>

							<li class="current-time at-9-30"></li>

							<li class="event-orange from-8 to-10"><a href="#" title="Event description" class="with-tip">8:00 - 10:00</a></li>

						</ul>

					</li>

					<li>

						<a href="#"><img src="images/icons/fugue/user-gray.png" width="16" height="16"> Marc</a>

						<ul>

							<li class="lunch from-12 to-14"></li>

							<li class="current-time at-9-30"></li>

							<li class="event-green from-8 to-12"><a href="#" title="Event description" class="with-tip">8:00 - 12:00</a></li>

							<li class="from-14 to-18"><a href="#" title="Event description" class="with-tip">2:00 - 6:00</a></li>

						</ul>

					</li>

					<li>

						<span><img src="images/icons/fugue/user-female.png" width="16" height="16"> Jane</span>

						<ul class="zebras"></ul>

					</li>

					<li>

						<a href="#"><img src="images/icons/fugue/user-business-gray.png" width="16" height="16"> Erik</a>

						<ul>

							<li class="lunch from-12 to-14"></li>

							<li class="current-time at-9-30"></li>

							<li class="event-blue from-8-30 to-11-30"><a href="#" title="Event description" class="with-tip">8:30 - 11:30</a></li>

							<li class="event-blue from-16 to-18"><a href="#" title="Event description" class="with-tip">4:00 - 6:00</a></li>

						</ul>

					</li>

					<li>

						<a href="#"><img src="images/icons/fugue/user-business-boss.png" width="16" height="16"> George</a>

						<ul>

							<li class="lunch from-12 to-14"></li>

							<li class="current-time at-9-30"></li>

							<li class="event-purple from-8 to-11"><a href="#" title="Event description" class="with-tip">8:00 - 11:00</a></li>

						</ul>

					</li>

					<li>

						<a href="#"><img src="images/icons/fugue/user-business.png" width="16" height="16"> James</a>

						<ul>

							<li class="lunch from-12 to-14"></li>

							<li class="current-time at-9-30"></li>

							<li class="milestone at-10"><a href="#" title="Milestone description" class="with-tip"></a></li>

							<li class="milestone at-11"><a href="#" title="Milestone description" class="with-tip"></a></li>

						</ul>

					</li>

					<li>

						<a href="#"><img src="images/icons/fugue/user-black.png" width="16" height="16"> Nathan</a>

						<ul>

							<li class="lunch from-12 to-14"></li>

							<li class="current-time at-9-30"></li>

							<li class="event-blue from-8 to-12"><a href="#" title="Event description" class="with-tip">8:00 - 12:00</a></li>

							<li class="event-purple from-16 to-18"><a href="#" title="Event description" class="with-tip">4:00 - 6:00</a></li>

						</ul>

					</li>

					<li>

						<a href="#"><img src="images/icons/fugue/user-thief.png" width="16" height="16"> Elwin</a>

						<ul>

							<li class="lunch from-12 to-14"></li>

							<li class="current-time at-9-30"></li>

							<li class="event-blue from-8 to-12"><a href="#" title="Event description" class="with-tip">8:00 - 12:00</a></li>

						</ul>

					</li>

				</ul>

					

				<ul class="message no-margin">

					<li>全体 ： 10予約 </li>

				</ul>

				

			</div></div>

		</section>


		<section class="grid_6"><!--Quick Menu : メニュー -->

			<div class="block-border"><div class="block-content">

				<h1>メニュー</h1>


				<h3>予約管理</h3>

				<ul class="shortcuts-list">
					<li><a href="#">

						<img src="images/icons/web-app/48/Modify.png" width="48" height="48"> 予約の一覧

					</a></li>
					
					<li><a href="#">

						<img src="images/icons/web-app/48/Add-order.png" width="48" height="48"> 予約を追加

					</a></li>

					<li><a href="#">

						<img src="images/icons/web-app/48/Bar-Chart.png" width="48" height="48"> 統計

					</a></li>

					<li><a href="#">

						<img src="images/icons/web-app/48/Save.png" width="48" height="48"> ＣＳＶ

					</a></li>

	

				</ul>

				

				<h3>ユーザー管理</h3>

				<ul class="shortcuts-list">


					<li><a href="#">

						<img src="images/icons/web-app/48/Profile.png" width="48" height="48"> ユーザーの一覧

					</a></li>


					<li><a href="#">

						<img src="images/icons/web-app/48/Add-user.png" width="48" height="48"> ユーザーを追加

					</a></li>
					
					<li><a href="#">

						<img src="images/icons/web-app/48/Email.png" width="48" height="48"> メールを送信

					</a></li>

				</ul>

				

				<h3>会議室管理</h3>

				<ul class="shortcuts-list">

					<li><a href="#">

						<img src="images/icons/web-app/48/room.png" width="48" height="48"> 会議室の一覧

					</a></li>
					
					<li><a href="#">

						<img src="images/icons/web-app/48/Add-room.png" width="48" height="48"> 会議室を追加

					</a></li>

					<li><a href="#">

						<img src="images/icons/web-app/48/Info.png" width="48" height="48"> 会議室の設定

					</a></li>

				</ul>

			</div></div>

		</section>



	</article>

	

	<!-- End content -->

	

	<footer>
	

		<div class="float-right">

			<a href="#top" class="button"><img src="images/icons/fugue/navigation-090.png" width="16" height="16"> Page top</a>		</div>


</footer>



<!--[if lt IE 8]></div><![endif]-->

<!--[if lt IE 9]></div><![endif]-->

</body>

</html>